{extend name="public/layout"/}
{block name="title"}{$info.title}_{:web_config('web_title')}{/block}
{block name="head"}
<style>

</style>
{/block}
{block name="body"}
{include file="public/index_header" /}
<div class="page-content">
  <div class="inside-page">
    {include file="public/left_menu"/}
    <div class="content-box">
      <div class="case-content">
        <div class="omy-01">
          <img src="/static/home/img/omy_01.png" alt="">
        </div>
        <div class="height-30"></div>
        <div class="case-show-box">
          <div class="case-vr">
            <iframe id="mainIframe" name="mainIframe" src="{$info.jump}" frameborder="0" scrolling="auto" ></iframe>
          </div>
          <div class="case-info-box">
            <h2 class="font-size18 line-height24">{$info.title}</h2>
            <div class="height-10"></div>
            <div class="star-level level-4"></div>
            <div class="info-cell">
              <div class="cell-row">
                <div class="cell-tit">案例说明</div>
                <div class="cell-con">{$info.desc}</div>
              </div>
             <!-- <div class="cell-row">
                <div class="cell-tit">产品特点</div>
                <div class="cell-con">E0</div>
              </div>-->
              {notempty name="info.product_ids"}
              <div class="cell-row">
                <div class="cell-tit">相关产品</div>
                <div class="cell-con">
                  <ul class="mc-avg-sm-4  mc-avg-between img-square-list">
                    {volist name="$info.product_list" id="vo" offset="" length=''}
                    <li>
                      <a href="javascript:;" class="img-item">
                        <div class="item-thumb" style="background-image:url({$vo.thumb})"></div>
                        <div class="item-title">{$vo.title}</div>
                      </a>
                    </li>
                    {/volist}
                  </ul>
                </div>
              </div>
              {/notempty}

              <div class="cell-row">
                <div class="cell-tit"></div>
                <div class="cell-con">
                  <img src="/home/index/qrcode.html?text={$info.jump}" style="width:80px;" alt="">
                  <p class="font-size12 line-height24 font-gray">手机扫描二维码，体验VR</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
{include file="public/index_footer" /}
{/block}
{block name="script"}
<script>
  Do('swiper', function (){
    var index_page = new Swiper('#index-page', {
      direction: 'vertical',
      mousewheel: true,
      pagination: {
        el: '.index-swiper-pagination',
        clickable: true,
        renderBullet: function (index, className) {
          return '<span class="' + className + '">' +'0'+ (index + 1) + '</span>';
        },
      },
    });
    var case_big = new Swiper('#case-big', {
      slidesPerView: 'auto',
      loop: true,
      pagination: {
        el: '.case-swiper-pagination',
        clickable: true,
      },
      nested:true,
    });
  })
</script>
{/block}